.pos { position: absolute; top: -90px; }
.fixed { background: rgba(0,0,0,0.6) }
.pada { padding: 2rem 0 }
.width_a { width: 100% }
.width_b { max-width: 100% }
.width_c { max-width: 60%; margin: 0px auto }
.width_d { max-width: 100% }
.tex_a { text-align: center; }
.bg { background: url(../images/bg1.jpg) no-repeat center top }
.bgb { background: url(../images/bg2.jpg) no-repeat center top }
.bgc { background: url(../images/bg3.jpg) no-repeat center top }
.submenu { display: block; max-width: 1200px; margin: 15px auto; position: relative; height: 65px; }
.sub { z-index: 111100; position: fixed; left: 0; top: 0; width: 100%; border-bottom: 1px solid #ddd }
.logo { float: left; position: relative; display: inline-block; z-index: 50; }
.logo img { height: 65px }
.tell { height: 3rem; float: right; line-height: 2.8rem; margin-right: 0rem; }
.tell img { margin-right: 1.1rem; vertical-align: top; margin-top: 1.8rem; }
.tell-text { display: inline-block; vertical-align: top; width: 180px; text-align: left; }
.tell i { font-size: 2.4rem; font-family: arial; color: #e70012; font-style: italic; letter-spacing: .5px; display: inline-block; vertical-align: middle }
.tell span { color: #999999; font-size: 1.4rem; font-style: normal; display: inline-block; margin-left: 1rem; }
.containe { display: block; max-width: 1200px; margin: 0 auto; position: relative; height: 100%; }
.container { display: block; max-width: 1200px; margin: 0 auto; position: relative; height: 100%; overflow: hidden }
.about { float: left; position: relative; width: 240px; margin-right: 2rem; }
.about_tit { background: url(../images/bg.jpg)repeat-x; width: 240px; color: #fff; z-index: 999; padding: 1rem; text-align: left }
.about_tit h2 { font-size: 3rem; margin-bottom: 1rem }
.about_tit h3 { font-size: 2.4rem; padding: 0.5rem 0; text-align: center }
.about_tit h2 span { font-size: 4.8rem; }
.about_tit h2:after { content: ''; height: 1px; width: 37px; background: #fff; position: relative; top: 10px; display: block; }
.about_tit p { font-size: 2.4rem; background: url(../images/i01.png)no-repeat center left; padding-left: 2rem; margin-top: 2rem; margin-bottom: 2rem }
.about_list { margin-top: 80px; margin-bottom: 2px }
.about_list li { line-height: 5rem; margin-bottom: 2px; padding-left: 3.5rem; font-size: 1.6rem; background: #e8e8e8 url(../images/i03.png) 20px 23px no-repeat; }
.about_list li a { display: block }
.about_list li:hover { background: #d00000 url(../images/i02.png) 20px 23px no-repeat; }
.about_list li:hover a { color: #fff; }
.about_link { margin-bottom: 3rem; background: #e8e8e8; letter-spacing: .5px; padding: 1rem 0 0 0 }
.about_link li { padding: 0 0 1rem 3rem; font-size: 1.5rem; font-weight: bold; }
.about_link li img { vertical-align: middle; margin-right: 3rem }
.news_tj { background: #e8e8e8; margin-bottom: 2rem }
.news_tj li { line-height: 4rem; padding-left: 2.5rem; padding-right: 1rem; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_tj li:before { content: "●"; color: #d00000; font-size: 1rem; position: absolute; left: 1rem }
.bq { background: #f5f5f5; padding: 1rem 1rem }
.bq a { border: 1px dashed #d00000; padding: 0.5rem 1rem; margin: 0px 0.5rem 1rem; display: inline-block; border-radius: 0.5rem }
.wrp { overflow: hidden; padding: 1rem; }
.article_head { position: relative; height: 60px; border-bottom: 1px solid #ddd; line-height: 60px; }
.article_head h1 { color: #333333; font-size: 2.4rem; }
.article_head .qh_position { position: absolute; top: 0; right: 10px; color: #aaa; }
.article { padding: 2rem 0 }
.article p { text-indent: 2rem; line-height: 2.4rem }
.article h4 { background: url(../images/i11.png)no-repeat; line-height: 54px; color: #fff; font-size: 1.8rem; padding-left: 3rem; height: 64px }
.article h5 { font-size: 1.4rem; color: #444444; line-height: 3rem; text-align: center }

.qh_flex { display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; }
.qh_flex_item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; position: relative; max-width: 285px; border: 10px solid transparent; box-sizing: border-box; }
.placeholder { padding: 0 1rem; }
.marga { padding: 0 1rem; }
.qh_flex p { font-size: 1.6rem }
.bot { background: #333333 }
.fl_l { width: 1000px; }
.fl_l li { float: left; padding-right: 6rem }
.fl_l li a { color: #eeeeee; }
.fl_l li h3 { font-size: 16px; padding-bottom: 40px; position: relative; color: #fff; }
.fl_l li h3:after { content: ""; height: 2px; width: 20px; background: #d00001; position: absolute; left: 0px; top: 40px }
.fl_l li p { line-height: 24px; color: #eeeeee; }
.fl_l li p img { vertical-align: middle; margin-right: 1rem }
.fl_r { width: 133px; text-align: center; }
.fl_r p { text-align: center; color: #eeeeee }
.bottom { line-height: 65px; color: #eeeeee; }
.bottom a { color: #fff; }
.viewpro .tit { position: absolute; bottom: 0; background: rgba(0,0,0,0.7); color: #fff; line-height: 45px; width: 100%; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; }
.cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 2px; background: #d00000; left: 30%; margin-left: -10px; }
.cbp_tmtimeline > li { position: relative; }
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 35%; padding-right: 100px; position: absolute; }
.cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; font-size: 2.8rem; color: #333333; font-weight: bold; font-weight: arial }
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 30%; color: #444444; padding: 0.5rem 2rem 1rem 2rem; line-height: 1.4; position: relative; }
.cbp_tmlabel p { padding-bottom: 1rem }
.cbp_tmlabel p span { color: #d00000; padding-right: 0.5rem }
.cbp_tmtimeline > li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255,255,255,0.4); }
.cbp_tmtimeline > li .cbp_tmicon { width: 16px; height: 16px; position: absolute; background: #d00000; border-radius: 50%; left: 30%; top: 10px; margin: 0 0 0 -17px; }


.grids { position: relative; overflow: hidden; }
.grid { position: relative; float: left; padding: 20px 10px; width: 25%; box-sizing: border-box; }
.grid::after, .grid::before { content: " "; position: absolute; right: 0; bottom: 0; color: #d9d9d9; }
.grid::before { top: 0; width: 1px; border-right: 1px dashed #dddddd; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(.5); transform: scaleX(.5); }
.grid::after { left: 0; height: 1px; border-bottom: 1px dashed #dddddd; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.grid::after, .grid::before { content: " "; position: absolute; right: 0; bottom: 0; color: #d9d9d9; }
.grid_icon { text-align: center; margin: 0 auto; }


.list_wh li { overflow: hidden; margin-bottom: 1rem; width: 48%; float: left; -moz-box-shadow: 0px 0px 5px #999999; -webkit-box-shadow: 0px 0px 5px #999999; box-shadow: 0px 0px 5px #999999; margin-right: 2% }
.list_wh li .imgcon { float: left; overflow: hidden; width: 45%; margin-right: 1.2rem; text-align: center; }
.list_wh li .conm { overflow: hidden; padding: 0 .7rem; }
.list_wh li p { padding-bottom: 2rem; text-indent: 0; line-height: 2.4rem; }
.list_wh li h3 { display: inline-block; font-size: 1.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; line-height: 2.5em; color: #d00000; font-weight: bold; }

.contact { width: 102% }
.contact li { width: 48%; float: left; margin-right: 2%; -moz-box-shadow: 0px 0px 5px #999999; -webkit-box-shadow: 0px 0px 5px #999999; box-shadow: 0px 0px 5px #999999; padding: 1rem; margin-bottom: 2rem; min-height: 14em; }
.contact li:nth-child(even) { float: right; }
.contact li h3 { font-size: 1.6rem; padding-bottom: 1rem; font-weight: bold; color: #d00000; padding-left: 2rem; position: relative }
.contact li h3:after { content: "â—¯"; color: #d00000; font-size: 1rem; position: absolute; left: .5rem; font-weight: bold }
.contact li p { padding: 1rem; height: 100%; overflow: hidden; text-indent: 0rem; }
.contact li p span { font-weight: bold; display: inline-block; float: left }
.contact li p em { font-style: normal; display: inline-block; float: right }

.contactt dl { }
.contactt dl dt { float: left; margin-right: 8px; width: 80px; height: 80px; color: #333333 }
.contactt dl dd p { padding-bottom: 0rem; text-indent: 0rem; }
.contactt h3 { font-size: 2.8rem; font-weight: bold; text-align: center; padding: 2rem 0 }
.contactt h4 { font-size: 3.6rem; font-weight: bold; text-align: center; padding: 1rem 0; color: #fff; position: relative; }
.contactt h4:after { content: ""; height: 2px; width: 40px; background: #fff; margin: 0px auto; top: 20px; position: relative; display: block; }

.list_news li { overflow: hidden; margin-bottom: 1rem; border-bottom: 1px dashed #dddddd; padding: 1rem }
.list_news li .imgcn { float: left; overflow: hidden; margin-right: 1.2rem; text-align: center; width: 230px; height: 150px; }
.list_news li .imgcn img { min-height: 100%; }
.list_news li .date em { margin-right: 1rem; font-style: normal }
.imgcn img { display: inline-block; vertical-align: middle; max-width: 100%; }
.imgcn::after { display: inline-block; font-size: 0; content: "."; clear: both; height: 100%; width: 0; vertical-align: middle; }
.list_news li .con { overflow: hidden; padding: 0 .7rem; }
.list_news li h3 { display: inline-block; font-size: 1.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; line-height: 2.5em; color: #333333; font-weight: bold }
.list_news li p { display: block; color: #999; line-height: 1.9em; font-size: 14px; padding-top: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news_fr { font-style: normal; float: right }
.link_list { display: inline-block; color: #fff; }
.link_list span { background: #d00000; display: inline-block; padding: 1rem; color: #fff }
.link_list em { background: #333333; display: inline-block; padding: 1rem; color: #fff; font-style: normal }

.news_show { width: 100%; padding: 2%; }
.news_show h4 { font-size: 2.4rem; text-align: center; color: #333333 }
.news_show h5 { font-size: 13px; text-align: center; color: #aaaaaa; text-align: center; border-bottom: 1px dashed #dddddd; padding: 1rem 0 }
.info { width: 100%; padding: 0 2% 2% 2%; height: 100%; overflow: hidden }
.info p { line-height: 2.4rem }
.info p img { max-width: 100%; text-align: center }
.info span { color: #818181; font-size: 12px; padding-bottom: 10px; float: right; }
.infos { width: 100%; padding-bottom: 10px }
.infos ul { width: 96%; margin: 0 auto; background: #ddd; height: 100%; overflow: hidden; padding: 15px 0px; border-radius: 30px }
.infos li { width: 50%; float: left; }
.infos li:first-child { padding-left: 10px }
.infos li:last-child { padding-right: 10px }

.maylike ul { }
.maylike li { border-bottom: 1px #dddddd dotted; line-height: 48px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 43%; float: left; margin-right: 5%; padding-left: 2% }
.maylike li:before { content: "●"; color: #d00000; font-size: 10px; position: absolute; left: 0px }
.maylike { width: 100%; padding: 2%; height: 100%; overflow: hidden; border: 1px solid #ddd; margin-top: 3rem; }
.maylike h3 { font-size: 1.8rem; color: #d00000; border-bottom: 1px solid #ddd; padding-bottom: 1rem; }
.maylike h3 span { font-size: 1.4rem; color: #666666; }

.inner_cp { width: 100%; height: 100%; overflow: hidden; }
.inner_cp li { text-align: center; float: left; width: 31%; margin: 0 1%; margin-bottom: 1rem; border: 1px solid #cfcfcf; }
.inner_cp li p { line-height: 50px; background: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.inner_cp li img { display: block; width: 100%; height: 177px; }
.inner_cp li:hover { -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; border: 1px solid #d00000 }
.inner_cp li:hover p { -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: #d00000; color: #fff }
.inner_cp li:hover .inner_cp li { border: 1px solid #d00000; }

.relevant { width: 100%; padding: 2%; height: 100%; overflow: hidden; border: 1px solid #ddd; }
.relevant ul { }
.relevant h3 { font-size: 1.8rem; color: #d00000; padding-bottom: 1rem; }
.relevant h3 span { font-size: 1.4rem; color: #666666; }
.relevant li { line-height: 48px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 24%; float: left; margin-right: 1%; padding-left: 2% }
.relevant li img { width: 100% }
.relevant p { text-align: center; font-size: 1.4rem; color: #444444; line-height: 48px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.ys_fr { width: 49%; }
.inn_about h4 { font-size: 5.4rem; color: #dddddd; font-weight: Arial }
.inn_about h3 { font-size: 2.4rem; color: #333; }
.inn_about h2 { font-size: 3.6rem; color: #111e60; font-weight: bold }
.inn_about p { font-size: 1.6rem; color: #555555; padding: 1rem 0; line-height: 2.4rem; height: 8em; overflow: hidden; margin-bottom: 1.5vw; }

.shili li { width: 15.6666%; float: left; margin-right: 1%; }
.box { width: 70%; overflow: hidden; border: 3px solid #fff; border-radius: 50%; position: relative; margin: 0px auto }
.box span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.8rem; color: #fff; width: 100%; text-align: center }
.box span em { font-style: normal; font-size: 3rem; padding-right: 0.5rem }
.box span:after { content: ""; height: 2px; width: 20px; background: #fff; margin: 0px auto; top: 20px; position: relative; display: block; }
.box:before { content: ''; display: block; margin-top: 100%; position: relative }
.shili li p { text-align: center; color: #fff; font-size: 1.6rem; line-height: 3rem }


.sicontenta { margin: 0px; text-align: center; padding: 3rem 0px }
.sicontenta h3 { color: #333333; font-size: 3.6rem; font-weight: bold }
.sicontenta span { color: #d00000; }
.sigdlelinea:before { content: ''; display: block; height: 1px; background-color: #dddddd; position: relative; top: 25px; left: 0; margin: 0px auto; width: 20% }
.sigmalinetexta { display: inline-block; background: #ffffff; padding: 1rem 2rem; position: relative; vertical-align: middle }
.sicontenta p { color: #999999; text-align: center }

.qh_pro { max-width: 1400px; margin: 0px auto; height: 100%; overflow: hidden }
.es-carousel-wrapper { position: relative; max-width: 1200px; margin: 0px auto }
.es-carousel { overflow: hidden; }
.es-carousel ul { display: none; }
.es-carousel ul li { height: 100%; float: left; display: block; background: #f5f5f5; -moz-box-shadow: 0px 0px 5px #999999; -webkit-box-shadow: 0px 0px 5px #999999; box-shadow: 0px 0px 5px #999999; margin: 1rem }
.es-carousel ul li a { display: block; position: relative; }
.es-carousel ul li a img { display: block; border: none; max-height: 100%; max-width: 100%; }
.es-carousel ul li h4 { font-size: 1.6rem; font-weight: bold; padding: 10px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.es-carousel ul li p { padding: 0px 10px }
.es-carousel ul li p a { padding: 0px 10px; text-align: right; color: #0055c7 }
.es-nav span { position: absolute; top: 50%; left: 10px; background: transparent url(../images/i17.png) no-repeat top left; width: 32px; height: 57px; margin-top: -13px; text-indent: -9000px; cursor: pointer; opacity: 0.8; }
.es-nav span.es-nav-next { right: -20px; left: auto; background-position: top right; }
.es-nav span:hover { opacity: 1.0; }


.es { height: 100%; display: block; background: #f5f5f5; -moz-box-shadow: 0px 0px 5px #999999; -webkit-box-shadow: 0px 0px 5px #999999; box-shadow: 0px 0px 5px #999999; margin: 1rem }
.es a { display: block; position: relative; }
.es a img { display: block; border: none; max-height: 100%; max-width: 100%; }
.es h4 { font-size: 1.6rem; font-weight: bold; padding: 10px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center }
.view { opacity: 0; filter: alpha(opacity=0); transition: all .6s ease-in-out; }
.view { position: absolute; width: 100%; height: 100%; z-index: 5; left: 0; top: 0; }
.es:hover h4 { background: rgba(0,0,0,0.7); color: #fff }
.es a:hover .view { background-color: rgba(255,80,80,.4); opacity: 1; filter: alpha(opacity=100) }
.btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.btn span { padding: 1rem; text-align: center; color: #fff; display: block }
.btn em { padding: 1rem; text-align: center; color: #fff; display: block; font-style: normal; font-size: 1.8rem; position: relative }
.btn em:before { content: ''; display: block; height: 1px; background-color: #dddddd; position: relative; top: 30px; left: 0; margin: 0px auto; width: 30% }

.sicontentb { margin: 0px; text-align: center; padding: 3rem 0px }
.sicontentb h3 { color: #ffffff; font-size: 3.6rem; font-weight: bold }
.sicontentb span { color: #d00000; }
.sigdlelineb:before { content: ''; display: block; height: 1px; background-color: #dddddd; position: relative; top: 25px; left: 0; margin: 0px auto; width: 20% }
.sigmalinetextb { display: inline-block; padding: 1rem 2rem; position: relative; vertical-align: middle }
.sicontentb p { color: #999999; text-align: center }

.marginbot { margin-bottom: 15px; }
.tabs { max-width: 1200px; overflow: hidden; margin: 0px auto }
.tabs { display: table }
.tabs > li { display: block; float: left; color: #fff; padding: 10px 30px; border: 1px solid #ddd; cursor: pointer; margin-right: 2rem; border-radius: 5px; font-size: 1.6rem; margin-bottom: 1rem }
.tabs > li.current { background-color: #d00001; padding: 10px 30px; color: #fff; margin-right: 2rem; border: none }
.tabscontent { }

.qh_flex_item:hover .view { background-color: rgba(255,80,80,.4); opacity: 1; filter: alpha(opacity=100) }
.btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.btn span { padding: 1rem; text-align: center; color: #fff; display: block }
#____wayiicms_service { top: 40% !important; transform: translateY(-50%) }


.home_cp { width: 100%; height: 100%; overflow: hidden; }
.home_cp li { float: left; width: 31%; margin: 0 1%; margin-bottom: 1rem; position: relative }
.viewpro { position: absolute; position: absolute; width: 100%; height: 100%; z-index: 5; left: 0; top: 0; background: rgba(0,0,0,0.5); }
.home_cp li img { display: block; width: 100%; min-height: 100%; height: 275px; }
.time { width: 100%; display: block; height: 50%; overflow: hidden; padding: 2% }
.dateetime { color: #fff; font-size: 2.4rem; padding: 1rem }
.dateetime span { color: #fff; font-size: 1.4rem; display: block }
.sort { color: #d00000; padding: 1rem }
.time h3 { font-size: 1.6rem; color: #fff; padding-bottom: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.time p { font-size: 1.4rem; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.more { background: #d00000; padding: 0.5rem 2rem; color: #fff; display: inline-block; text-align: center }
#tagsChange { color: #fff; font-size: 14px; float: right; line-height: 2.5; }
#ind_yewu .qh_flex { flex-flow: wrap; }
#ind_yewu .qh_flex_item { flex-basis: 20%; }
#tabsholder .qh_flex_item { height: 185px; }
#tabsholder .qh_flex_item img { height: 100% }
#headnav.scroll { position: fixed; top: 0; left: 0; background-color: #fff; width: 100%; z-index: 555; box-shadow: 0 0 3px rgba(0,0,0,0.2) }
.article table { width: 100%; }
.info table { width: 100%; }
.info table td { border: 1px solid #ddd; padding: 8px !important; }
.info table tr td:first-child { white-space: nowrap; }
.info * { font-family: Microsoft Yahei,-apple-system-font,Helvetica Neue,sans-serif !important; text-align: left; line-height: 2em; }
.info table span { float: none; }
.articon.info span { float: none; }
.bot .fl_l li { max-width: 260px; }
.bot .fl_r { width: 120px; margin-left: 3%; }
.bot .fl_r img { max-width: 100%; }

@media screen and (min-width:1201px) {
    .pad { padding-bottom: 4rem }
}

@media screen and (max-width: 1450px) {
    .buju .corpor { display: none; }
}

@media screen and (max-width: 1200px) {
    .movecon { margin-left: 0; }
    .bot > .container { display: none; }
    .qh_pro { padding: 0px 10px }
    .tabs { padding: 0px 10px }
    .container { padding: 0px 10px }
    .pad { padding-bottom: 8rem }
    .tell { margin-right: 5rem; }
    .logo img { height: 40px; }
    .submenu { height: 40px; margin: 10px auto; }
    .tell { margin-top: 0rem }
    .tell img { height: 20px }
    .tell span { display: none; }
    .fl_r { width: 100% }
    .width_a { width: 100% }
    .bottom { line-height: 3rem; }
    #tabsholder .qh_flex_item { height: 15vw; }
}



@media screen and (min-width:992px) and (max-width:1200px) {
    .es-nav span.es-nav-next { right: 10px; }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .es-nav span.es-nav-next { right: 10px; }
}

@media screen and (max-width:767px) {
    .tell i { font-size: 2rem }
    .es-nav span.es-nav-next { right: 10px; }
    .article_head h1 { font-size: 2.4rem }
    .pad { padding-bottom: 2rem }
    .article p { font-size: 1.4rem }
    .cbp_tmlabel p { font-size: 1.8rem !important }
    .cbp_tmtimeline:before { display: none; }
    .cbp_tmtimeline > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0; background: #ccc; }
    .cbp_tmtimeline > li .cbp_tmtime span { text-align: left; }
    .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 30px 0; padding: 1em; font-weight: 400; }
    .cbp_tmtimeline > li .cbp_tmlabel:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #3594cb; top: -20px; }
    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: transparent; border-bottom-color: #6cbfee; }
    .cbp_tmtimeline > li .cbp_tmicon { position: relative; float: right; left: auto; margin: -55px 5px 0 0px; }
    .list_wh li { width: 98%; }
    .contact li { width: 98%; }
    .contactt dl dt img { height: 40px }
    .news_fr { float: left }
    .list_news li .con { overflow: visible; }
    .maylike li { width: 97% }
    .infos li { width: 100%; }
    .relevant li { width: 48% }
    .ys_fr { width: 99%; }
    .inn_about h4 { font-size: 4rem; }
    .inn_about h3 { font-size: 2rem; }
    .inn_about h2 { font-size: 3rem; }
    .contactt h4 { font-size: 2.4rem; }
    .shili li { width: 32.33333%; }
    .box span em { font-size: 1.8rem }
    .placeholder { padding: 0 .5rem; }
    .viewpro { position: relative }
    .sicontenta { padding: 1rem 0 }
    .sicontenta h3 { font-size: 2.4rem; }
    .sicontentb h3 { font-size: 2.4rem; }
    .cbp_tmtimeline > li .cbp_tmtime span { font-size: 2rem; }
    .width_d { width: 30% }
    .list_news li .imgcn { float: none }
    .imgcn img { width: 100% !important }
    .home_cp .viewpro { opacity: 1 !important; }
    .inner_cp li { width: 48% }
    .inner_cp li img { height: 28vw; }
}


.floatQQ { width: 50px; position: fixed; right: 0; cursor: pointer; z-index: 7000; top: 50%; transform: translateY(-50%) }
.right_menu { width: 50px; height: 50px; background: rgba(0,0,0,1); position: relative; border-bottom: 1px solid #444; box-sizing: border-box }
.right_menu img { width: 100%; height: 100%; }
.right_menu .right_menu_yz { width: 100px; height: 50px; margin-top: -49px; position: fixed; right: 0; cursor: pointer; z-index: -1000; overflow: hidden; transform: translateX(100%); transition: 1s; -webkit-transition: 1s; background: #e70012; color: #fff; text-align: center; line-height: 50px; }
.right_menu:hover { background: #e70012; border-bottom: 1px solid #e70012; }
.right_menu:hover .right_menu_yz { transform: translateX(-50px); }
.right_menu .right_menu_yz a { color: #fff }

.move { opacity: 1; transition: all .7s ease-in-out; }